import React from 'react' // 快捷键rfce
// 函数组件没有生命周期，需要模拟
// 21年以前全是类组件，几乎没用hooks的，21年之后呢，先开始开发得react项目几乎都用hooks
import {useEffect,useState} from "react"
function Appson() {
   let [name,setName] = useState("zhangsan")
   useEffect(()=>{  // 当useEffect的第二个参数为一个空数组得时候，相当于类组件得conponentDidmounted
      console.log('conponentDidmounted');
      return ()=>{ // 就可以模拟 componentWillUnmount
        console.log("componentWillUnmount");
      }
   },[])
   useEffect(()=>{ // 当useEffect有第二个参数的时候，模拟出了类组件得shouldComponentUpdate
       // 很像vue得wactch
       console.log("shouldComponentUpdate");

   },[name])
  function changeName() {
    setName("lisi")
  }
  return (
    <div>
        <h3>{name}</h3>
        <button onClick={()=>{changeName()}}>点击我去修改name</button>
    </div>
  )
}

export default Appson